<!DOCTYPE HTML>
<html lang="en">
<head>

<meta charset="utf-8">
<link rel="shortcut icon" href="favicon.ico">
<title>Dimitris Zorbas</title>

<link href='http://fonts.googleapis.com/css?family=Lobster|Monofett' rel='stylesheet' type='text/css'>
<!--<link href="css/animation.css" rel="stylesheet" type="text/css" />-->
<link href="css/style.css" rel="stylesheet" type="text/css" />

</head>


<body>
	
	<a id="header" href="index.html"><h1>&#437;</h1></a>
    <h2>I'm Dimitris Zorbas, front-end enthusiast, geek.</h2>
    <div id="dial-wrapper">
    	
    	<!--<div id="dial">-->
        	<table>
            	<tr><td colspan="3"><span id="about">About Me</span></td></tr>
                <tr><td><span id="portfolio">Portfolio</span></td><td class="heartbeat"></td><td><span id="code">Code</span></td></tr>
				<tr><td colspan="3"><span id="social">Social Me</span></td></tr>
            </table>				
    	<!--</div>-->
    </div>
    <div class="page">
        	<span class="home"></span>
        	<h3></h3>
        <div class="content">
        </div>
    </div>
    <div class="hidden-page about">
    	<h3>About Me</h3>
        <div class="content">
        	<h4>8 Things About Me</h4>
        	<ol>
            	<li>I am Dimitris Zorbas and apparently i am Greek.</li>
                <li>I study Computer Science in University of Athens.</li>
                <li>They usually call me zor<a href="http://en.wikipedia.org/wiki/Bash_(Unix_shell)" title="what is that bash thing?">bash</a>.</li>
                <li>I don't sleep much.</li>
                <li>I consider myself <a href="http://en.wikipedia.org/wiki/Permutation_City" title="what is autoverse?">Autoverse's</a> <a href="http://en.wikipedia.org/wiki/Everyman" title="who is an everyman?">everyman</a>								</li>
                <li>The <a href="http://www.w3.org/TR/" title="w3c specifications">specs</a>, the whole <a href="http://www.w3.org/TR/" title="w3c specifications">specs</a> and nothing but the <a href="http://www.w3.org/TR/" title="w3c specifications">specs</a></li>
                <li>Contact: <a href="mailto:zorbash@hotmail.com" title="where you should contact me">zorbash＠hotmail.com</a></li>
                <li>My <a href="cv.html" title="my resume">cv</a>.</li>
            </ol>
            
        </div>
    </div>
    <div class="hidden-page portfolio">
    	<h3>Portfolio</h3>
        <div class="content">
        	<ul>
            	<li>
                	<h5>2010 - 2011</h5><span id="connecta"></span>
                    <h6>Various websites during my internship at the company</h6>
                    <p>I'm not very proud of them as they prefered working with cms and flash technologies.</p>
                    <div class="choices-ux">
                    	<a href="http://www.connectaxweb.gr/">ConnectaXweb</a>
                    </div>
                </li>
                <li>
                	<h5>2011 Spring</h5><span id="youcompare">YouCompare!</span>
                    <h6>Project for the class of software engineering</h6>
                    <p>The aim of the project was to design &amp; develop a generic comparison web application.</p>
                    <p>I did ui/ux and also involved in almost any other part the app.</p>
                    <p>For the needs of this project i coded a mini mvc framework for php.</p>
                    <div class="choices-ux">
                    	<a href="http://cgi.di.uoa.gr/~std06048/youcompare/">Run the app</a>
                    </div>
                </li>
                <li>
                	<h5>2011 Summer</h5><span id="socialize">socialize</span>
                    <h6>Project for the class of web applications</h6>
                    <p>The aim of the project was to design &amp; develop a social networking website.</p>
                    <p>I ported my php mvc framework to java.</p>
                    <p>The application is currently down due to lack of funds for tomcat hosting.</p>
                    <div class="choices-ux">
                    	<a href="http://code.google.com/p/wat/">Repository</a><a id="socialize-video" href="http://video.com">UX video</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="hidden-page code">
    	<h3>Code</h3>
        <div class="content">
       	 	<h4>My Public Repositories</h4>
            <!--<ul>-->
            	<!--<li>--><a id="google" href="http://code.google.com/u/101145599458363443723/"></a><!--</li>-->
                <!--<li>--><a id="github" href="https://github.com/Zorbash"></a><!--</li>-->
            <!--</ul>-->
        </div>
    </div>
    <div class="hidden-page social">
    	<h3>Social Me</h3>
        <div class="content">
            <ul>
                <li><a href="http://twitter.com/_zorbash">Follow me on twitter</a></li>
                <li><a href="https://github.com/zorbash">Fork me on Github</a></li>
                <li><a href="http://www.delicious.com/zorbash">My Delicious bookmarks</a></li>
                <li><a href="http://www.flickr.com/photos/67047695@N06/">View my photos on Flickr</a></li>
                <li><a href="http://www.linkedin.com/pub/dimitrios-zorbas/42/8b3/724">Connect with me on LinkedIn</a></li>
                <li><a href="http://zorbash.wordpress.com/">My techy Wordpress</a></li>
                <li><a href="http://www.last.fm/user/DimitrisZorbas">Music I like on last.fm</a></li>
                <li><a href="http://grooveshark.com/#/dimitriszorbas">My Grooveshark profile</a></li>
                <li><a href="http://killyridolss.blogspot.com/">My music Blog</a></li>
			</ul>
        </div>
    </div>
    <div class="copy">
            <a href="http://creativecommons.org/licenses/by-sa/3.0/" title="You can copy and change stuff from this website for personal use.">Creative Commons 3.0</a>
    </div>
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/dial.js" type="text/javascript"></script>
    <script src="js/zorbash.js" type="text/javascript"></script>
    <script src="js/prefixfree.min.js" type="text/javascript"></script>
    <script src="js/modernizr.custom.38768.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
</body>
</html>